<template>
    <div class="first">
        <header>
            头部
		</header>
		<main>
			<router-view></router-view>
		</main>
		<footer>
			<router-link to="/first/home">叮当快药</router-link>
			<router-link to="/first/shop">叮当商城</router-link>
			<router-link to="/classify">清单列表</router-link>
			<router-link to="/first/my">我的</router-link>
		</footer>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
.first{
    width: 100%;
    height: 100%;
	display: flex;
	flex-direction: column;
	header{
		height: 50px;
        border-bottom: 1px solid #ccc;
	}
	main{
		flex: 1;
		overflow: auto;
	}
	footer{
		height: 50px;
		border-top: 1px solid #ccc;
		display: flex;
		a{
			flex: 1;
			text-align: center;
			line-height: 50px;
		}
		.router-link-active{
			color: #e5262a;
		}
	}
}
</style>